var LEFTDOM = `
<div class='controller-cen-left' id='con-left'>
    <div class='dis-cen logo-wrap'>
        <img src='./img/left-logo.png'>
    </div>
    <div class='' style='border-bottom: 1px solid #252222;'>
        <div class='dis-spa user-wrap'>
            <img src="./img/ava.png" style="width:40px;height:40px;">
            <p>Hi，欢迎你</p>
            <p>187****9700</p>
        </div>
    </div>
    <div class='controll-list'>
        <p @click='window.location.href="./index.html"' :class="{'left-con-active':active=='1'}">重庆时时彩</p>
        <p @click='window.location.href="./account.html"' :class="{'left-con-active':active=='2'}">账号信息</p>
        <p @click='window.location.href="./bind.html"' :class="{'left-con-active':active=='3'}">绑定管理</p>
        <p @click='window.location.href="./bill.html"' :class="{'left-con-active':active=='4'}">我的账单</p>
        <p @click='window.location.href="./bets-record.html"' :class="{'left-con-active':active=='5'}">下注记录</p>
        <p @click='window.location.href="./login-record.html"' :class="{'left-con-active':active=='6'}">登录记录</p>
    </div>
</div>
`;
Vue.component('left-controll', {
    // 1:重慶時時彩高亮   2：账号信息高亮  3：绑定管理高亮  4：我的账单高亮   5：下注记录高亮  6：登陆记录高亮
    props: ['active'],
    data: function() {
        return {

        }
    },
    mounted: function() {
        this.$nextTick(function() {
            //初始化tooltip
            var el = $('#con-left');
            var riEl = $('#con-right');
            window.onresize = function() {
                var winHei = $(this).height();
                var hei = riEl.outerHeight(true);
                if (hei > winHei && hei > 525) {
                    el.css('height', hei);
                } else {
                    el.css('height', winHei);
                }
            };
        });
    },
    methods: {},
    template: LEFTDOM
});